<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Index</title>
</head>
<body>

<!-- view层 ${} -->
<div id="app">
    {{message}}<br>
    {{message1}}
    <span v-bind:title="message2">
        鼠标悬停几秒钟
    </span>
</div>

<!-- 导入Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
     var vm = new Vue({
         el: "#app",
         // Model: 数据层
         data: {
             message: "hello,vue!",
             message1: "hello, world",
             message2: '页面加载于' + new Date().toLocaleDateString()
         }
     });
</script>
</body>
</html>